<!DOCTYPE html>

<html lang="en">
<head>
<meta charset="utf-8"/>
<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
<meta content="小兔鲜儿官网，致力于打造全球最大的食品、生鲜电商购物平台。" name="description"/>
<meta content="小兔鲜儿,食品,生鲜,服装,家电,电商,购物" name="keywords"/>
<title>小兔鲜儿-新鲜、惠民、快捷！</title>
<link href="favicon.ico" rel="shortcut icon" type="image/x-icon"/>
<!-- 按顺序引入：外链式样式表后写的生效 -->
<link href="base.min.css" rel="stylesheet"/>
<link href="common.min.css" rel="stylesheet"/>
<!-- <link rel="stylesheet" href="./assets/css/common1.min.css" /> -->
<link href="index.min.css" rel="stylesheet"/>
<link href="remixicon.css" rel="stylesheet"/>
</head>
<body>
<!-- 快捷导航 -->
<div class="shortcut">
<div class="wrapper">
<ul>
<li><a href="#">请先登录</a></li>
<li><a href="#">免费注册</a></li>
<li><a href="./personal_center.html">我的订单</a></li>
<li><a href="#">会员中心</a></li>
<li><a href="#">帮助中心</a></li>
<li><a href="#">在线客服</a></li>
<li>
<a href="#"><span></span>手机版</a>
</li>
</ul>
</div>
</div>
<!-- 头部 -->
<div class="header wrapper">
<div class="logo">
<h1><a href="#">小兔鲜儿</a></h1>
</div>
<div class="nav">
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">生鲜</a></li>
<li><a href="#">美食</a></li>
<li><a href="#">餐厨</a></li>
<li><a href="#">电器</a></li>
<li><a href="#">居家</a></li>
<li><a href="#">洗护</a></li>
<li><a href="#">孕婴</a></li>
<li><a href="#">服装</a></li>
</ul>
</div>
<div class="search">
<input placeholder="23215220213 孙涛 " type="text"/>
<!-- 定位放大镜 -->
<span></span>
</div>
<div class="car">
<a href="#"><span></span></a>
<span>2</span>
</div>
</div>
<!-- 轮播区域 -->
<div class="banner">
<div class="wrapper">
<ul>
<li>
<a href="#"><img alt="" src="banner_1.png"/></a>
</li>
</ul>
<!-- 侧导航 -->
<div class="aside">
<ul>
<li>
<a href="#">生鲜<span>水果 蔬菜</span></a>
</li>
<li>
<a href="#">美食 <span>面点 干果</span></a>
</li>
<li>
<a href="#">餐厨 <span>数码产品</span> </a>
</li>
<li>
<a href="#">电器 <span>床品 四件套 被枕</span> </a>
</li>
<li>
<a href="#">居家 <span>奶粉 玩具 辅食</span> </a>
</li>
<li>
<a href="#">洗护 <span>洗发 洗护 美妆</span> </a>
</li>
<li>
<a href="#">孕婴 <span>奶粉 玩具 </span></a>
</li>
<li>
<a href="#">服饰 <span>女装 男装</span> </a>
</li>
<li>
<a href="#">杂货 <span>户外 图书 </span></a>
</li>
<li>
<a href="#">品牌 <span>品牌制造</span> </a>
</li>
</ul>
</div>
<!-- 箭头 -->
<!-- prev : 前一张图片  next : 下一张图片 -->
<a class="prev" href="#"></a>
<a class="next" href="#"></a>
<!-- 圆点 ：当前状态： current/active-->
<!-- js 找到用户点击的li 添加类名 li变成白色的 -->
<ol>
<li></li>
<li></li>
<li class="current"></li>
<li></li>
<li></li>
</ol>
</div>
</div>
<!-- 新鲜好物 -->
<div class="goods wrapper">
<!-- hd header 头部 -->
<div class="hd">
<h2>新鲜好物<span>新鲜出炉 品质靠谱</span></h2>
<a href="#">查看全部</a>
</div>
<!-- bd body 身体 内容 -->
<div class="bd clearfix">
<ul>
<li>
<a href="#"><img alt="" src="new_goods_1.jpg"/>
<h3>睿米无线吸尘器F8</h3>
<div>￥<span>899</span></div>
<p>新品</p>
</a>
</li>
<li>
<a href="#"><img alt="" src="new_goods_2.jpg"/>
<h3>智能环绕3D空调</h3>
<div>￥<span>1299</span></div>
<p>新品</p>
</a>
</li>
<li>
<a href="#"><img alt="" src="new_goods_3.jpg"/>
<h3>广东软软糯米煲仔饭</h3>
<div>￥<span>129</span></div>
<p>新品</p>
</a>
</li>
<li>
<a href="#"><img alt="" src="new_goods_4.jpg"/>
<h3>罗西机械智能手表</h3>
<div>￥<span>3399</span></div>
<p>新品</p>
</a>
</li>
</ul>
</div>
</div>
<!-- 三角洲周周品好枪 -->
<div class="popularity wrapper">
<div class="hd">
<h2>三角洲周周品好枪<span>人气爆款 不容错过 </span></h2>
</div>
<div class="bd clearfix">
<ul>
<li>
<a href="#">
<img alt="" src="黑骑士.png"/>
<h3>黑骑士</h3>
</a>
</li>
<li>
<a href="#">
<img alt="" src="花岗岩.png"/>
<h3>花岗岩</h3>
</a>
</li>
<li>
<a href="#">
<img alt="" src="幻影结构.png"/>
<h3>幻影结构</h3>
</a>
</li>
<li>
<a href="#">
<img alt="" src="夜鹰.png"/>
<h3>夜鹰</h3>
</a>
</li>
</ul>
</div>
</div>
<!-- 热门品牌 -->
<div class="popular">
<div class="wrapper">
<div class="hd">
<h3>热门品牌</h3>
<p>国际经典 品质保证</p>
<a class="right" href="#"></a>
<a class="left" href="#"></a>
</div>
<div class="bd">
<ul>
<li>
<a href="#">
<img alt="" src="brand_goods_1.jpg"/>
</a>
</li>
<li>
<a href="#">
<img alt="" src="brand_goods_2.jpg"/>
</a>
</li>
<li>
<a href="#">
<img alt="" src="brand_goods_3.jpg"/>
</a>
</li>
<li>
<a href="#">
<img alt="" src="brand_goods_4.jpg"/>
</a>
</li>
<li>
<a href="#">
<img alt="" src="brand_goods_5.jpg"/>
</a>
</li>
</ul>
</div>
</div>
</div>
<!-- 生鲜 -->
<div class="fresh_produce wrapper">
<div class="hd">
<h2>生鲜</h2>
<a class="more" href="#">查看全部</a>
<ul>
<li><a href="#">水果</a></li>
<li><a href="#">蔬菜</a></li>
<li><a href="#">肉禽蛋</a></li>
<li><a href="#">裤装</a></li>
<li><a href="#">衬衫</a></li>
<li><a href="#">T恤</a></li>
<li><a href="#">内衣</a></li>
</ul>
</div>
<div class="bd clearfix">
<div class="left">
<a href="#">
<img alt="" src="fresh_goods_cover.png"/>
</a>
</div>
<div class="right">
<ul>
<li>
<a href="#">
<img alt="" src="fresh_goods_1.jpg"/>
<p>美威 智利原味三文鱼排</p>
<p>240g/袋 4片装</p>
<p>海鲜年货</p>
<div>￥<span>59</span></div>
<!-- <div class="found">
                  <a href="#">
                    <p>找相似</p>
                    <span>发现更多宝贝 ></span>
                  </a>
                </div> -->
</a>
</li>
<li>
<a href="#">
<img alt="" src="fresh_goods_2.jpg"/>
<p>红功夫 麻辣小龙虾1.5kg</p>
<p>4-6钱/25-32只</p>
<p>火锅食材</p>
<div>￥<span>79</span></div>
</a>
</li>
<li>
<a href="#">
<img alt="" src="fresh_goods_3.jpg"/>
<p>三都港 冷冻无公害黄花鱼</p>
<p>700g 2条 袋装</p>
<p>海鲜水产</p>
<div>￥<span>49</span></div>
</a>
</li>
<li>
<a href="#">
<img alt="" src="fresh_goods_4.jpg"/>
<p>渔公码头 大连鲜食入味</p>
<p>即食海参 辽参刺参</p>
<p>调味海</p>
<div>￥<span>899</span></div>
</a>
</li>
<li>
<a href="#">
<img alt="" src="fresh_goods_5.jpg"/>
<p>越南白心火龙果4个装</p>
<p>标准果400-550g</p>
<p>新鲜水果</p>
<div>￥<span>20</span></div>
</a>
</li>
<li>
<a href="#">
<img alt="" src="fresh_goods_6.jpg"/>
<p>广西沃柑 新鲜水果</p>
<p>柑橘1.5kg</p>
<p>新鲜水果</p>
<div>￥<span>20</span></div>
</a>
</li>
<li>
<a href="#">
<img alt="" src="fresh_goods_7.jpg"/>
<p>进口 牛油果 6个装</p>
<p>单果重约130-180g</p>
<p>新鲜水果</p>
<div>￥<span>50</span></div>
</a>
</li>
<li>
<a href="#">
<img alt="" src="fresh_goods_8.jpg"/>
<p>泰国进口山竹5A级</p>
<p>240g/袋 4片装</p>
<p>新鲜水果</p>
<div>￥<span>60</span></div>
</a>
</li>
</ul>
</div>
</div>
</div>

<!-- 最新专题 -->
<div class="topic_goods">
<div class="wrapper">
<div class="hd">
<h3>最新专题</h3>
<a class="more" href="#">查看全部</a>
</div>
<div class="bd">
<ul>
<li>
<a href="#">
<img alt="" src="topic_goods_1.jpg"/>
<div class="box">
<p>吃这些美食才不算辜负自己</p>
<div>餐厨起居洗护好物</div>
<span>￥29.9起</span>
</div>
<div class="bottom">
<span><i class="ri-poker-hearts-line"></i>1220</span>
<span><i class="ri-eye-line"></i>1800</span>
<span class="right">
<i class="ri-message-2-line"></i>246
                  </span>
</div>
</a>
</li>
<li>
<a href="#">
<img alt="" src="topic_goods_2.jpg"/>
<div class="box">
<p>吃这些美食才不算辜负自己</p>
<div>餐厨起居洗护好物</div>
<span>￥29.9起</span>
</div>
<div class="bottom">
<span><i class="ri-heart-fill red"></i>1220</span>
<span><i class="ri-eye-line"></i>1800</span>
<span class="right">
<i class="ri-message-2-line"></i>246
                  </span>
</div>
</a>
</li>
<li>
<a href="#">
<img alt="" src="topic_goods_3.jpg"/>
<div class="box">
<p>吃这些美食才不算辜负自己</p>
<div>餐厨起居洗护好物</div>
<span>￥29.9起</span>
</div>
<div class="bottom">
<span><i class="ri-poker-hearts-line"></i>1220</span>
<span><i class="ri-eye-line"></i>1800</span>
<span class="right">
<i class="ri-message-2-line"></i>246
                  </span>
</div>
</a>
</li>
</ul>
</div>
</div>
</div>
<!-- 服务 -->
<div class="service wrapper">
<div class="customer">
<h4>客户服务</h4>
<ul>
<li>
<a href="#">
<i class="ri-message-3-fill size"></i>
<p>在线客服</p>
</a>
</li>
<li>
<a href="#">
<i class="ri-questionnaire-fill size"></i>
<p>问题反馈</p>
</a>
</li>
</ul>
</div>
<div class="about">
<h4>关注我们</h4>
<ul>
<li>
<a href="#">
<i class="ri-question-answer-line size"></i>
<p>公众号</p>
</a>
</li>
<li>
<a href="#">
<i class="ri-weibo-fill size"></i>
<p>微博</p>
</a>
</li>
</ul>
</div>
<div class="download">
<h4>下载APP</h4>
<div class="left">
<i class="ri-qr-code-line size"></i>
</div>
<div class="right">
<p>扫描二维码</p>
<p>立即下载APP</p>
<a href="#">下载页面</a>
</div>
</div>
<div class="phone">
<h4>服务热线</h4>
<span>110</span>
<p>周一至周日 8:00-18:00</p>
</div>
</div>
<!-- 版权 -->
<div class="footer">
<div class="wrapper">
<div class="top">
<ul>
<!-- 通过伪元素添加实现精灵图 -->
<li>
<span>价格亲民</span>
</li>
<li>
<span>物流快捷</span>
</li>
<li>
<span>品质新鲜</span>
</li>
</ul>
</div>
<div class="bottom">
<p>
<a href="#">关于我们</a>
            |
            <a href="#">帮助中心</a>
            |
            <a href="#">售后服务</a>
            |
            <a href="#">配送与验收</a>
            |
            <a href="#">商务合作</a>
            |
            <a href="#">搜索推荐</a>
            |
            <a href="#">友情链接</a>
</p>
</div>
</div>
</div>
</body>
</html>
